.isosurfaceWrap  {
         display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
     font-size: 14px; font-family: "Microsoft YaHei";
}
.isosurfaceWrap .pic{    }
.isosurfaceWrap .pic img{width:100%}
.isosurfaceWrap .linkicon{
    position: absolute;
    z-index: 5;
    /*top:30px;
    left:40px*/
}
/*图例legend*/
.isosurfaceWrap >ul.legend{position: absolute;   margin:0;padding:0;   color:rgba(250, 250, 250, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: space-between;}
.isosurfaceWrap >ul.legend>li{
    height: 100%;
    list-style: none;
    display: flex;
    width: 100%;
    align-items: center;
 }
 .isosurfaceWrap >ul.legend>li span{width:30px;padding-left: 5px;}
.isosurfaceWrap >ul.legend>li>div{display: inline-block; flex:1;height: 100%; vertical-align: middle; border: 0; margin-bottom: -10px; }

/*实时雨情*/ 
.isosurfaceWrap  .WrapDragger {  
    position: absolute; 
    display: flex;
    align-items: center;
    justify-content: center; 
    display: block;   width:358px;    color: #fff;  border: 1px solid  #006cff; background: rgba(7,72,169,0.6)} 
.isosurfaceWrap  .panel{}
.isosurfaceWrap .panel .title{ padding: 0 10px; display:flex;  align-items: center; background: #015fdf;font-size:18px;color:#fff;height:40px;} 
.isosurfaceWrap .panel .title img{ vertical-align: middle; padding-right: 10px;}
.isosurfaceWrap .rainData ul {  padding:5px; margin: 0; height:282px;font-size:16px;    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;}
.isosurfaceWrap .rainData li {padding:5px 10px 5px 15px; box-sizing: border-box;list-style: none;     display: flex;   width: 100%;}
.isosurfaceWrap .rainData li > span {padding-left: 1%; box-sizing: border-box;   }
.isosurfaceWrap .megData{}
.isosurfaceWrap .megData .txt{    padding: 20px 10%;}
.isosurfaceWrap .megData .txt span{  padding:0 5px}
.isosurfaceWrap .megData img.norain{    padding: 20px;
    display: flex;
    justify-content: center;
    width: 100%;}

.isosurfaceWrap  .bounds{
      border: 1px solid rgba(120, 120, 120, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}